<style> 
/*** Labels Thumbs ***/
img.label_thumb{
float:left;
width:207px;
height:306px;
margin:8px;
}

.thumbcont {
width:975px;
height:335px;
margin: 20px 0;
}

.cont {
height:322px;
width:223px;
margin-right:20px;
display:inline-block;
background:#fff;
box-shadow: 0px 0px 5px #AFAFAF;
-moz-box-shadow: 0px 0px 5px #AFAFAF;
-webkit-box-shadow: 0px 0px 5px #AFAFAF;
}

#judul { 
width:185px;
text-align: center;
font-weight: 700;
 }

#judul a {
color:#fff;

}

.detail_button { 
height: 39px;
left: 47px;
position: absolute;
top: 91px;
width: 138px;
}

.feat_container {
height:40px;
background:#dfdfdf;
width:953px;
margin:0;
font-weight:bold;
}

.feat { 
color: #333;
float: left;
font-size: 26px;
margin: 5px 0 0 20px;
 }

.all_prod { 
float: right;
font-size: 16px;
margin: 10px 20px 0 0;
 }

.all_prod a {
color: #333;
}

.price { 
color: #FFFFFF;
font-size: 18px;
height: 25px;
position: absolute;
text-align: center;
width: 197px;
font-weight: bold;
margin:9px 0;
}

.welcome_body {
	margin:30px; 0;
}

#info_cont { 
background-color: #000;
height: 115px;
margin-left: 8px;
position: absolute;
width: 187px;
padding:10px;
top: 377px;
display:none;
opacity:0;
}
</style>

  

    
  <script>
//<![CDATA[
$(window).load(function(){
	$('div.cont').hover(function() {

$(this).children('#info_cont').stop().fadeTo(500, 0.8);
	}, function () {
		$(this).children('#info_cont').stop().fadeTo(500, 0);
	});
    
});
//]]>
</script>


<div class="welcome_body">
	<div class="welcome_content">
    <span style=" font-size:26px;">Welcome to Shoppaholic Boutique</span>
    <br/><br/>    
    Selamat datang di Shoppaholic Boutique. Ini merupakan halaman demo dari template Shoppaholic demo, anda dapat mengunduh template ini pada halaman ini atau di website Puzzle inc. untu melihat semua detail dan fitur dari template ini. Bagikan template ini ke teman-teman anda yang ingin membuka toko online. Template ini merupakan persembahan dari Puzzle Inc. untuk kemajuan toko online di Indonesia.
    </div>

</div>




<div class='feat_container'>
<div class='feat'>PROMO PRODUCTS</div>
<div class='all_prod'><a href='http://shoppaholictemplate.blogspot.com/search/label/produk'>View all products</a>
</div>
</div>


<script type='text/javascript'>
//<![CDATA[
function labelthumbs(json){
	document.write('<div class="thumbcont">');
	for(var i=0;i<numposts;i++){
		var entry=json.feed.entry[i];
		var posttitle=entry.title.$t;
		var posturl;if(i==json.feed.entry.length)break;
	for(var k=0;k<entry.link.length;k++){
		if(entry.link[k].rel=='replies'&&entry.link[k].type=='text/html'){
			var commenttext=entry.link[k].title;var commenturl=entry.link[k].href;
			}
if(entry.link[k].rel=='alternate'){
	posturl=entry.link[k].href;break;}}
	var thumburl;try{thumburl=entry.img+src.url;
}catch(error){s=entry.content.$t;a=s.indexOf("<img");b=s.indexOf("src=\"",a);c=s.indexOf("\"",b+5);d=s.substr(b+5,c-b-5);if((a!=-1)&&(b!=-1)&&(c!=-1)&&(d!=""))
{thumburl=d;}

else thumburl='http://2.bp.blogspot.com/_IKigl6y9hFA/TMdcT1jzo5I/AAAAAAAAAHA/hAKuT9rJpFU/noimage.jpg';}

if(showpostthumbnails==true)
document.write('<div class="cont"><a href="'+posturl+'" title="'+posttitle+'"><img class="label_thumb" src="'+thumburl+'"/></a><div id="info_cont"><div id="judul"><a href="'+posturl+'"</a>'+posttitle+'</div><div class="detail_button"><a href="'+posturl+'"><img src="https://lh4.googleusercontent.com/-EtTqKCcXJ-4/UYDfcrYkDjI/AAAAAAAAA9U/LmENt0DtZIk/s300/but-ss.png" width="119px" height="21px"></a></div>');if("content"in entry){var postcontent=entry.content.$t;}


else
if("summary"in entry){var postcontent=entry.summary.$t;}
else var postcontent="";var re=/<\S[^>]*>/g;postcontent=postcontent.replace(re,"");if(showpostsummary==true){if(postcontent.length<numchars){document.write('');document.write(postcontent);document.write('');}
else{document.write('<div class="price">');postcontent=postcontent.substring(0,numchars);var quoteEnd=postcontent.lastIndexOf(" ");postcontent=postcontent.substring(0,quoteEnd);document.write(postcontent);document.write('</div></div></div>');}}

if(i!=(numposts-1))
document.write('');}

document.write('</div>');}
//]]>
</script>

<script type='text/javascript'>var numposts = 4;var showpostthumbnails = true;var displaymore = false;var displayseparator = false;var showcommentnum = false;var showpostdate = false;var showpostsummary = true;var numchars = 50;</script>

 <script type="text/javascript" src="http://shoppaholic-boutique.blogspot.com/feeds/posts/default/-/produk?orderby=updated&alt=json-in-script&callback=labelthumbs"></script>